<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="author" content="unclexiao">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <title>项目交接报告|ME课</title>
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="css/reveal.css">
    <link rel="stylesheet" href="css/theme/league.css">
    <link rel="stylesheet" href="css/uncle.css">

</head>
<body>
<div class="reveal">
    <div class="slides">
        <!-- 标题 -->
        <section>
            <h2>项目交接汇报</h2>
            <h4>让技术与情怀，彼此厮杀</h4>
            <p>
                <small>主持人：<a href="https://www.zhihu.com/people/unclexiaofly">@趣你的肖蜀黍</a></small>
            </p>
        </section>

        <!-- 目录 -->
        <section>
            <h3>报告提纲</h3>
            <div>
                <ul>
                    <li>时代背景 <span  class="fragment"> -- 团队简介与研发里程碑</span></li>
                    <li  class="fragment highlight-current-blue">坎坷遭遇 <span  class="fragment"> -- 摸爬滚打，技术演进之路</span></li>
                    <li>使命未尽 <span  class="fragment"> -- 当前仍旧存在的棘手问题</span></li>
                    <li>力挽狂澜 <span  class="fragment"> -- 提出解决方案，并打一针鸡血</span></li>
                </ul>
            </div>
        </section>

        <!-- 第一部分：听我介绍 -->
        <section>
            <section>
                <h3>时代背景</h3>
                <h5>团队简介与研发里程碑</h5>
                <div>
                    <img class="img-600" src="img/history.jpg" alt="">
                </div>
            </section>

            <section>
                <img class="img-500" src="img/teacher.png" alt="">
                <img class="img-500" src="img/good.gif" alt="">
            </section>

            <section>
                <p>寻寻觅觅，冷冷清清，凄凄惨惨戚戚</p>
                <p>年岁有加，并非垂老；理想丢弃，方堕暮年。</p>
                <p>落霞与孤鹜齐飞，秋水共长天一色。</p>
                <br><br>

                <a href="https://mp.weixin.qq.com/s/fJTIzeHOxGIWtEbjvTWxtA">董仲蠡《不要再问我教育有啥用了》 </a>
                <br>
                <a href="https://mp.weixin.qq.com/s/ANTwZ1PN2mt6JaQAFIJxPg">韩雪元《我决定，就是要做“无用”，但最美的课》</a>
            </section>
            <section>
                <h3>团队简介</h3>
                <ul>
                    <li>理念：<span class="fragment highlight-current-blue">为0-12岁孩子寻找最美的课</span></li>
                    <li>管理：欧生 + 韩院长</li>
                    <li>运营：小黑屋团队</li>
                    <li>开发：李博士团队</li>
                </ul>
            </section>
            <section>
                <h4>里程碑</h4>
                <ul>
                    <li>2015.12 美课优课公司成立</li>
                    <li>2016.1 ME课公众号上线</li>
                    <li>2016.3 与众安达成合作</li>
                    <li>2016.7 加入开发团队</li>
                    <li class="fragment highlight-current-blue">2016.8 推进前后端分离</li>
                    <li>2016.12 庆典：让世界看到ME</li>
                    <li class="fragment highlight-current-blue">2016.1 小程序版本上线</li>
                    <li>2017.3 使用React重构</li>
                    <li  class="fragment highlight-current-blue">2017.7 直播平台建设</li>
                    <li>2017.9 ME助教之家开通</li>
                </ul>
            </section>
        </section>

        <!-- 第二部分：溜溜代码 -->
        <section>
            <section>
                <h3>坎坷遭遇</h3>
                <h5>摸爬滚打，技术演进之路</h5>
                <div>
                    <img class="img-600" src="img/tech.png" alt="">
                </div>
            </section>
            <section>
                <h3>技术演进</h3>
                <ul>
                    <li>初探：PHP + Java</li>
                    <li class="fragment highlight-current-blue">转型：PHP + JS</li>
                    <li>优化：React + Lavaral</li>
                    <li>好奇：WXML + WXSS</li>
                    <li class="fragment highlight-current-blue">开拓：APP + NodeJS</li>
                </ul>
            </section>
            <section>
                <p>小楼昨夜又东风，jQuery不堪回首月明中</p>
                <p>
                    <a href="http://unclexiao.oschina.io/kiss/#/" target="_blank"> -->我理解中的KISS</a>
                </p>

            </section>
            <section>
                <p>雨馀时候夕阳红，几人平地上，看我碧霄中。</p>
                <p>
                    <a href="http://wiki.zhonganonline.com/pages/viewpage.action?pageId=18267468"  target="_blank"> -->JS即将统治宇宙</a>
                </p>

            </section>
            <section>
                <p>我讲一个关于UDP的笑话吧~ ~ </p>
                <ul>
                    <li><a href="https://socket.io/"> -->socket.io</a></li>
                    <li><a href="https://github.com/tj/co"> --> tj's co</a></li>
                    <li><a href="https://mp.weixin.qq.com/s/TgeYygFp8GDMmMU5Ze58tg"> -->异步异闻录</a></li>
                </ul>
            </section>
        </section>

        <!-- 第三部分：仍有顾虑 -->
        <section>
            <section>
                <h3>使命未尽</h3>
                <h5>当前仍旧存在的棘手问题</h5>
                <div>
                    <img class="img-300" src="img/bomb.jpg" alt="">
                </div>
            </section>

            <section>
                <h4>棘手问题</h4>
                <ul>
                    <li>ME课程：历史包袱沉重，代码惨不忍睹</li>
                    <li>ME直播：抗压未测试，Redis与Log未整合</li>
                    <li>ME推手：全新的征途，但求稳住别浪</li>
                </ul>
            </section>

            <section>
                <p>先帝创业未半而中道崩殂，此诚危急存亡之秋也</p>
                <div>
                    <img class="img-300" src="img/unclexiao.jpg" alt="">
                </div>
            </section>
        </section>

        <!-- 第四部分：鼓舞士气 -->
        <section>
            <section>
                <h3>力挽狂澜</h3>
                <h5>提出解决方案，并打一针鸡血</h5>
                <div>
                    <img src="img/god.jpg" alt="">
                </div>
            </section>

            <section>
                <h4>解决方案</h4>
                <ul>
                    <li>大步向前，挥刀重构</li>
                    <li>同舟共济，实现价值</li>
                </ul>
            </section>

            <section data-background-image="img/fighting.jpeg">
                <div style="left:-3px;top:591px;width:959px;height:auto;">
                    <h2 style="color:#fff;font-weight: bold;">
                        Fight！
                    </h2>
                </div>
            </section>
        </section>
    </div>
</div>

<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>

<script>
    // More info https://github.com/hakimel/reveal.js#configuration
    Reveal.initialize({
        history: true,
        controls: true,
        progress: true,
        center: true,
        transition: 'zoom',
        dependencies: [
            {
                src: 'lib/js/classList.js', condition: function () {
                return !document.body.classList;
            }
            },
            {src: 'plugin/zoom-js/zoom.js', async: true}
        ]
    });
</script>
</body>
</html>
